import { ref, computed, reactive } from 'vue'
import { defineStore } from 'pinia'

export const useChartsStore = defineStore('charts', () => {
  const colors = reactive(['#2d77fe', '#16d2fa', '#e0636a', '#f6d06f', '#4ef672'])
  const colorsThree = reactive(['#74a1fa', '#74dfb5', '#7686a3', '#e7ba38'])
  const colors7 = reactive(['#1b5cd1', '#5ece81', '#c38862', '#caca59','#2d77fe', '#16d2fa', '#e0636a', '#f6d06f'])
  const colors12 = reactive(['#0048fb', '#df581e', '#fadb12', '#11e5cf','#7dcc86', '#bfc249', '#edb036', '#05a9c1'])
  const monthToChi = reactive<object>({
    '1': '一',
    '2': '二',
    '3': '三',
    '4': '四',
    '5': '五',
    '6': '六',
    '7': '七',
    '8': '八',
    '9': '九',
    '10': '十',
    '11': '十一',
    '12': '十二',
  })
  const weekEnToCn = reactive<object>({
    'Mon': '星期一', 
    'Tue': '星期二', 
    'Wed': '星期三', 
    'Thu': '星期四', 
    'Fri': '星期五', 
    'Sat': '星期六', 
    'Sun': '星期日'
  })
  const weekEnToCnSecond = reactive<object>({
    'Mon': '周一', 
    'Tue': '周二', 
    'Wed': '周三', 
    'Thu': '周四', 
    'Fri': '周五', 
    'Sat': '周六', 
    'Sun': '周日'
  })
  const weekNumToEn = reactive<object>({
    '1': 'Mon',
    '2': 'Tue',
    '3': 'Wed',
    '4': 'Thu',
    '5': 'Fri',
    '6': 'Sat',
    '7': 'Sun',
  })

  return { colors, colorsThree, monthToChi, weekEnToCn, weekEnToCnSecond, weekNumToEn, colors7, colors12}
})
